﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<TestWeb.ViewModels.LogOnModel>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>LogOn</title>
    <!--  Styles -->
	<link type="text/css" href="../../Content/AdminCSS/screen.css" rel="stylesheet" />
    <!--  Scripts -->
    <script type="text/javascript" src="../../Scripts/jquery-1.4.1.min.js"></script>
</head>
<body id="login-bg">
    <% using (Html.BeginForm())
       {
           var msgForUserName = Html.ValidationMessageFor(m => m.UserName);
           var msgForPassword = Html.ValidationMessageFor(m => m.Password);
           var msgSummary = Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.");
           %>
        <!-- Start: login-holder -->
        <div id="login-holder">
            <!-- start logo -->
            <div id="logo-login">
                <a href="#">
                    <img src="../../Content/AdminImages/shared/logo.png" width="156" height="40" alt="" />
                </a>
            </div>
            <!-- end logo -->
            <div class="clear">
            </div>
            <!--  start loginbox ................................................................................. -->
            <div id="loginbox">
                <!--  start login-inner -->
                <div id="login-inner">
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <th>
                                Username
                            </th>
                            <td>
                                <%= Html.TextBoxFor(m => m.UserName, new { @Class="login-inp" })%>
                            </td>
                        </tr>
                         <tr>
                            <th>
                            </th>
                            <td>
                                <!--  start message-red -->
                                <div id="message-red-username">
	                                <table border="0" width="100%" cellpadding="0" cellspacing="0">
		                                <tr>
			                                <td class="red-left-login">
                                                <%= msgForUserName %>
                                            </td>
		                                </tr>
	                                </table>
                                </div>
                                <!--  end message-red -->

                                <script type="text/javascript">
                                    <% if(msgForUserName != null && !msgForUserName.Equals(string.Empty))
                                       { %>
                                        $("#message-red-username").fadeIn('fast').delay(<%= WebConfiguration.Instance.AlertTime %>).fadeOut('slow');                             
                                    <% } %>
                                </script>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                Password
                            </th>
                            <td>
                                <%= Html.PasswordFor(m => m.Password, new { @Class="login-inp" })%>
                            </td>
                        </tr>
                         <tr>
                            <th>
                            </th>
                            <td>
                                <!--  start message-red -->
                                <div id="message-red-password">
	                                <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                        <tr>
			                                <td class="red-left-login">
                                                <%= msgForPassword %>
                                            </td>
		                                </tr>
	                                </table>
                                </div>
                                <!--  end message-red -->

                                <script type="text/javascript">
                                    <% if(msgForPassword != null && !msgForPassword.Equals(string.Empty))
                                       { %>
                                        $("#message-red-password").fadeIn('fast').delay(<%= WebConfiguration.Instance.AlertTime %>).fadeOut('slow');                             
                                    <% } %>
                                </script>
                            </td>
                        </tr>
                        <tr>
                            <th>
                            </th>
                            <td valign="top">
                                <%= Html.CheckBoxFor(m => m.RememberMe, new { @class="checkbox-size", @id="login-check" }) %>
                                <%= Html.LabelFor(m => m.RememberMe) %>
                            </td>
                        </tr>
                        <tr>
                            <th>
                            </th>
                            <td>
                                <input type="submit" class="submit-login" />
                            </td>
                        </tr>
                    </table>
                </div>
                <!--  end login-inner -->
                <div class="clear"></div>
                <!--  start message-red -->
                <div id="message-red-summary">
	                <table border="0" width="100%" cellpadding="0" cellspacing="0">
                        <tr>
			                <td class="red-left-login">
                                <%= msgSummary %>
                            </td>   
		                </tr>
	                </table>
                </div>
                <!--  end message-red -->

                <script type="text/javascript">
                    <% if(msgSummary != null && !msgSummary.Equals(string.Empty))
                        { %>
                        $("#message-red-summary").fadeIn('fast').delay(<%= WebConfiguration.Instance.AlertTime %>).fadeOut('slow');                             
                    <% } %>
                </script>
                <a href="" class="forgot-pwd">Forgot Password?</a>
            </div>
            <!--  end loginbox -->
            <!--  start forgotbox ................................................................................... -->
            <div id="forgotbox">
                <div id="forgotbox-text">
                    Please send us your email and we'll reset your password.</div>
                <!--  start forgot-inner -->
                <div id="forgot-inner">
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <th>
                                Email address:
                            </th>
                            <td>
                                <input type="text" value="" class="login-inp" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                            </th>
                            <td>
                                <input type="button" class="submit-login" />
                            </td>
                        </tr>
                    </table>
                </div>
                <!--  end forgot-inner -->
                <div class="clear">
                </div>
                <a href="" class="back-login">Back to login</a>
            </div>
            <!--  end forgotbox -->
        </div>
        <!-- End: login-holder -->
    <% } %>
</body>
</html>
